@charset "utf-8";
@media (min-width:769px){.head.is-fixed .head-main{position:static}
.head.is-fixed .head-top{display:block}
.head{position:fixed;top:0;left:0;right:0;z-index:999;box-shadow:0 1px 6px 0 rgba(0,0,0,.1)}
main.is-fixed,main{margin-top: 109px;}}
.contact .contact-box p a{color:#fff}
.head-top .head-contact i{color:#fff}
.head-logo{display:flex;align-items:center}
.tname{font-weight:bold;color:#000;font-size:17px}
@media (max-width:1680px){.head-nav>ul>li{margin:0 10px}}
@media (max-width:1470px){.head-nav>ul>li{margin:0 7px}
.tname{font-size:15px}
.head-search .head-search-btn{margin-left:30px}}
@media (max-width:560px){.tname{display:none}}
.product-main .pro-list.list0 .pro-intro,.new-main .new-list.list0 .new-intro{word-break:break-word}
.common-main article img{max-width:100%;height:auto!important}
.pro-detail .pro-detail-content img{height:auto!important}
.inner-banner .inner-content{display:none}
.sol-top{background:url(../Content/uploads/2022924817/202210111345243824d249551244d5a90e05e68db54af2.jpg) no-repeat}
.foot-main .foot-title img{max-height:unset}
.foot-about .foot-title img,.foot-about .foot-link{display:none}
.foot-main .foot-about .foot-title:after{display:block}
lite-youtube{height:100%}
.wmkc-inquiry:hover{background:#4270A1}
.wmkc-inquiry .wmkc-icon{background:url(../images/online.png) no-repeat center;background-size:24px}
.wmkc-inquiry:hover .wmkc-icon{background-image:url(../images/online2.png)}
.wmkc-phone:hover{background:#086FBB}
.wmkc-phone .wmkc-icon{background:url(../images/tel002.png) no-repeat center;background-size:18px}
.wmkc-phone:hover .wmkc-icon{background-image:url(../images/tel0.png)}
#ind .ind-r lite-youtube{max-width:100%!important;height:100%}
#wmkc>img{max-width:180px;position:absolute;right:0}
ul.pro-menu{display:none}



 

    /* Style the row */
.row {
    display: flex;
}

/* Style the columns */
.column {
    flex: 50%;
    padding: 0 10px; /* Adjust the padding as needed */
}

/* Clearfix for columns */
.column::after {
    content: "";
    clear: both;
    display: table;
}

/* Optional: Add responsive layout for smaller screens */
@media screen and (max-width: 768px) {
    .column {
        flex: 100%;
        padding: 0;
    }
}